$(function () {
    InitTable();
    //根据窗口调整表格高度
    $(window).resize(function() {

        $('#repairTab').bootstrapTable('resetView', {
            height: tableHeight()
        })
    });
    $("#searchRepairBtn").click(function () {
        InitTable();
    });
    $("#r_return").datetimepicker({
        format:'yyyy-mm-dd hh:ii',
        local:moment.locale('zh-cn'),
        startDate:"2000-01-01 00:00",
        endDate:"2050-01-01 00:00"

    });
    function InitTable() {
        $('#repairTab').bootstrapTable('destroy');
        $('#repairTab').bootstrapTable({
            url: "/repair/selectAllRepair",//数据源
            height: tableHeight(),//高度调整
            //search: true,//是否搜索
            pagination: true,//是否分页
            pageSize: 8,//单页记录数
            pageList: [5, 10, 20, 50],//分页步进值
            sidePagination: "client",//服务端分页
            contentType: "application/x-www-form-urlencoded",//请求数据内容格式 默认是 application/json 自己根据格式自行服务端处理
            dataType: "json",//期待返回数据类型
            method: "post",//请求方式
            //searchAlign: "right",//查询框对齐方式
            queryParamsType: "limit",//查询参数组织方式
            uniqueId: "r_id",
            queryParams: function getParams(params) {
                return {
                    r_num:$("#r_numSearch").val(),
                    r_lowcost:$("#r_lowcostSearch").val(),
                    r_highcost:$("#r_highcostSearch").val(),
                }
            },
            searchOnEnterKey: false,//回车搜索
            //showRefresh: true,//刷新按钮
            //showColumns: true,//列选择按钮
            buttonsAlign: "right",//按钮对齐方式
            toolbar: "toolbar", //指定工具栏
            toolbarAlign: "right",//工具栏对齐方式
            columns: [
                {
                    title: "全选",
                    field: "select",
                    checkbox: true,
                    width: 20,//宽度
                    align: "center",//水平
                    valign: "middle"//垂直
                },
                {
                    field: "r_id",//键名
                    title: "id",//标题
                    sortable: true,//是否可排序
                    order: "desc"//默认排序方式
                },
                {
                    field: "r_num",
                    title: "车牌号",
                    algin:"center",
                    sortable: true
                },
                {
                    field: "clstate_name",
                    title: "维修状态",
                    sortable: true
                },
                {
                    field: "r_cost",
                    title: "维修费用",
                    width:25,
                    align:"center",
                    sortable: true
                },

                {
                    field: "r_date",
                    title: "维修日期",
                    sortable: true
                },
                {
                    field: "r_return",
                    title: "归还日期",
                    sortable: true
                }
            ],
            onClickRow: function (row, $element) {
                //$element是当前tr的jquery对象
                $element.css("background-color", "#cecece");
            },//单击row事件
            locale: "zh-CN", //中文支持
            detailView: false, //是否显示详情折叠
            /*detailFormatter: function(index, row, element) {
                var html = '';
                $.each(row, function(key, val){
                    html += "<p>" + key + ":" + val +  "</p>"
                });
                return html;
            }*/
        });
    }
    function tableHeight() {
        return $(window).height() - 50;
    }

    $("#updateRepairBtn").click(function () {
        $("#addModal").modal("show");
        $("#myDialogHeaderLable").text("更新记录");
        $("#addRecord").text("更新");
        var table = $("#repairTab").bootstrapTable("getSelections");
        if(table !=undefined && table.length === 1){
            var result = table[0];
                $("#r_id").val(result.r_id),
                $("#r_num").val(result.r_num);
                $("#r_state").val(result.clstate_name),
                $("#r_cost").val(result.r_cost),
                $("#r_date").val(result.r_date),
                $("#r_return").val(result.r_return)
        }
    });
    $("#addRecord").click(function () {
        var r_id = $("#r_id").val();
        $.ajax({
            url:"/repair/updateRepair",
            type:"post",
            dataType:"json",
            data: {
                r_id:r_id,
                r_num: $("#r_num").val(),
                r_state: $("#r_state").val(),
                r_cost: $("#r_cost").val(),
                r_date:$("#r_date").val(),
                r_return:$("#r_return").val()
            },
            success:function (result) {
                if (result.errorCode == 0){
                    toastr.success(result.status);
                    $("#addModal").modal("hide");
                    $("#repairTab").bootstrapTable("refresh");
                    clearModelData();
                }else {
                    toastr.error("更新失败")
                }
            }
        })

    });
    function clearModelData() {
        $("#r_id").val(""),
        $("#r_state").val(""),
        $("#r_num").val(""),
        $("#r_cost").val(""),
        $("#r_date").val(""),
        $("#r_return").val("")
    }
});
